<!DOCTYPE html>
<html lang="en">
  <head>
      <meta charset="UTF-8">
      <title>表单提交事件</title>
      <script>
          //静态注册表单提交事件
          function register() {
              //得到输入的用户名和密码
              var username = document.getElementById("username");
              var password = document.getElementById("pwd");
              //判断值是否为空""
              if ("" == username.value || "" == pwd.value) {
                  alert("用户名和密码不能为空，不能提交");
                  return false; //不提交
              }
              //表示要提交
              return true;
          }

          //动态注册表单提交事件
          window.onload = function () {
              //得到form2表单 dom对象
              var form2 = document.getElementById("form2");
              // alert(form2.username.value);
              // 给form2绑定提交事件
              // onsubmit绑定的函数，会直接将结果(f.t)返回给submit
              form2.onsubmit = function() {
                if (form2.username.value == "" || form2.pwd.value == ""){
                    alert("用户名和密码不能为空，不能提交");
                    return false;
                }
                return true;
              }
          }
      </script>
  </head>

  <body>
    <h1>注册用户1</h1><!--静态注册表单提交事件 -->
    <form action="ok.html" onsubmit="return register()">
        u: <input type="text" id="username" name="username"><br/>
        p: <input type="password" id="pwd" name="pwd"><br/>
        <input type="submit" value="注册用户"/>
    </form>

    <h1>注册用户2</h1><!--动态注册表单提交事件 -->
    <form action="ok.html" id="form2">
        u: <input type="text" id="username2" name="username2"><br/>
        p: <input type="password" id="pwd2" name="pwd2"><br/>
        <input type="submit" value="注册用户"/>
    </form>
  </body>
</html>